import Utils from '../utils.js'
import '../jquery.nicescroll.js'
export default {
	init: function() {
		let _this = this;
		let obj = {
			nickNameObj: $(".nickName"),
			appIdObj: $(".appId"),
			liveTitleObj: $(".liveTitle"),
			liveDescObj: $(".liveDesc"),
			postToObj: $(".postTo"),
			permissionObj: $(".permission"),
            liveTypeObj: $(".liveType"),
            selfSelectObj: $(".selfSelect"),
            inputBoxObj: $(".show_input_box"),
		};
		// 后期这一块数据通过接口获取
		let nickNameList = [{
			"nickName": "111",
			"id": '0'
		},{
			"nickName": "sdfdsf",
			"id": '1'
		},{
			"nickName": "dhertert",
			"id": '2'
		},{
			"nickName": "S安抚封神榜",
			"id": '3'
		}];
		_this.setNameList(nickNameList);

		Utils.fnNiceScroll($(".popupContent"));
		// 认证
		$(".confirmBtn").on("click", function(e) {
			_this.toConfirm();
		});
		// 保存
		$(".saveBtn").on("click", function(e) {
			_this.saveAuthInfo(obj);
		});
		// 取消
		$(".quitBtn,.closeBtn").on("click", function(e) {
			Utils._closeParent("shareDirectly");
		});
		// 切换radio
		$(".selfSelect li").on("click", function() {
			let type;
			if($(this).parent(".selfSelect").hasClass("share_content")) {
				type = "toggleShow";
			}
			Utils._changeRadio($(this), type);
		});
		// 切换Stream查看状态
		$(".eyeIcon").on("click", function() {
			Utils._changeInput($(this), obj.accessTokenObj);
		});
		// 输出名称支持模糊搜索
		$(".nickName").on("focus", function() {
			_this.searchInputPara($(this).val(), nickNameList);
			$("#nameBox").removeClass("hide");
		});
		// 关闭下拉列表
		$(document).bind("click",function(e) {
			var target = $(e.target);
			if(target.closest(".drop-down-option").length == 0 && target.closest(".nickName").length == 0 && !$("#nameBox").hasClass("hide")){
				$("#nameBox").addClass("hide");
			}
		});
		$(".nickName").on('input', function () {
			var thisObject = $(this);
			var value = thisObject.val();
			var curValue = Utils._regularNickname(value);
			thisObject.val(curValue);
			if (curValue === thisObject.attr("data-search")) return;
			thisObject.attr("data-search", curValue);
			_this.searchInputPara(value, nickNameList);
		});
		$(".operate_introduction .iconfont").on("click", function(){
			let text = $(this).html();
			let classN = "."+ text;
			let flag = false;
			if($(this).hasClass("active")){
				$(this).removeClass("active");
			}else{
				$(this).addClass("active").siblings(".iconfont").removeClass("active");
			}
			flag = $(classN).hasClass("hide")? true : false;
			if(flag){
				$(classN).removeClass("hide").siblings(".addressBox").removeClass("hide");
				$(classN).removeClass("hide").siblings(".addressBox").addClass("hide");
				$(".topline").removeClass('hide');
			}else{
				$(classN).addClass("hide");
				if(!$(".topline").hasClass("hide")){
					$(".topline").addClass('hide');
				}
			}
		});
	},
	toConfirm: function () {
	},
	saveAuthInfo: function() {
		// let token = Utils._getAesString(streamName, pwd_1, iv_1);
		// let obj = {
		// 	nickName: nickName,
		// 	isAuto: isAuto,
		// 	type: "Y",
		// 	token: token,
		// 	rtmpId: serverUrl,
		// 	shareType: isAuto == '0' ? 1: 0
		// }
    },
	searchInputPara: function(para, nickNameList) {
		$("#nameBox").html('');
		var para = para.toLowerCase();
		var result = [];
		$.each(nickNameList, function (idx, elm) {
			if (elm.nickName.toLowerCase().indexOf(para) > -1) {
				result.push(elm);
			}
		});
		this.setNameList(result);
	},
	setNameList: function(arr) {
		let nameBoxObj = $("#nameBox");
		arr.forEach(function (itm, idx) {
			let liObj = $("<li class='drop-down-option' data-id="+ itm.id +">"+ itm.nickName +"</li>");
			liObj.on("click", function() {
				$(".nickName").val($(this).html());
				$("#nameBox,.confirmBtn").addClass("hide");
				$(".username").val($(this).html()).removeClass("hide");
			});
			nameBoxObj.append(liObj);
		});
	}
}